<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度</title>
    <link rel="stylesheet" href="css/01.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1864064_v86h6us424.css">
</head>
<body>
    <div class="header">
        <ul class="left">
            <li><a href="#">新闻</a></li>
            <li><a href="#">hao123</a></li>
            <li><a href="#">地图</a></li>
            <li><a href="#">视频</a></li>
            <li><a href="#">贴吧</a></li>
            <li><a href="#">学术</a></li>
            <li><a href="#">更多</a></li>
        </ul>
        <ul class="right">
            <li><a href="#" class="kjfy">抗击肺炎</a></li>
            <li><a href="#">
                仙桃
                <i class="iconfont icon-taiyang"></i>
                31℃
                <i class="iconfont icon-you"></i>
            </a></li>
            <li><a href="#">设置</a></li>
            <li class="name">
                <a href="#">
                    <span class="head-photo"> 
                        <img src="img/head-photo.jpg">    
                    </span>
                    <span class="user-name">紫风浅吟</span>
                </a>
                <div class="drop-content">
                    <a href="#">个人中心</a>
                    <a href="#">消息</a>
                    <a href="#">账号设置</a>
                    <a href="#">切换账号</a>
                    <a href="#">退出登录</a>
                </div>
            </li>
        </ul>
    </div>
    <div class="photo"></div>
    <div class="search">
        <input type="text" class="search-box" onmouseout="this.className='search-box'" onmousemove="this.className='search-box1'">
        <button class="button"></button>
        <button class="btn">百度一下</button>
    </div>
</body>
</html>